<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head th:include="include/includeTablebase"></head>
<body>
<div class="panel-body" style="padding-bottom:0px;">
    <div class="panel panel-default">
        <div class="panel-heading">查询条件</div>
        <div class="panel-body">
            <form class="form-inline" role="form" style="float: left; width: 100%;" method="post" id="queryFile">
                <div class="form-group">
                    <label for="beginDate">上传日期:</label>
                    <input type="date" class="form-control" name="beginDate" id="beginDate"   />
                </div>
                <div class="form-group">
                    <label for="endDate"> 至</label>
                    <input type="date" class="form-control" name="endDate" id="endDate"   />
                </div>
                <div class="form-group">
                    <select class="form-control" name="fileType" id="fileTypes">

                    </select>
                </div>
                <div class="form-group">
                    <select class="form-control" name="fileState" ID="fileState">
                     </select>
                </div>
                <div class="form-group">
                    <button type="button" id="queryBtn" onclick="doQuery();" class="btn btn-primary">查询</button>
                </div>
            </form>
        </div>
    </div>
    <table id="file-table" style="margin-top: -50px;">
    </table>
</div>
<script th:inline="javascript">
    //从数据库中读取不同的类型
    $(function() {
        setTimeout('initTable()',100);//100毫秒后执行这个方法
        $.post("dict/getType", { type: "FILE_TYPE" },
            function(r){
              /*  alert("Data Loaded: " + JSON.stringify(r));*/
                for ( var i = 0; i <r.data.length; i++){
                    /*alert(r.data[i].code);*/
                    console.log(r.data[i].code);
                    $("#fileTypes").append("<option value="+r.data[i].value+">"+r.data[i].text+"</option>")
                }
            })
        $.post("dict/getType", { type: "FILE_STATE" },
            function(r){
                /*  alert("Data Loaded: " + JSON.stringify(r));*/
                for ( var i = 0; i <r.data.length; i++){
                 /*   alert(r.data[i].code);*/
                    console.log(r.data[i].code);
                    $("#fileState").append("<option value="+r.data[i].value+">"+r.data[i].text+"</option>")
                }
            })
    });

    function doQuery(){
        // 移除遮罩层的属性否则会导致在移动端无法显示滚动条
        $('body').removeClass("modal-open");
        $('#file-table').bootstrapTable('refresh');    //刷新表格
    }

    function initTable(){
        $.fn.bTableUtil({
            id:"file-table",
            url:"file/list",
            formId :"queryFile",
            sortName : 'updateTime',//按照更新时间排序
            sortOrder : 'desc',
            pageSize : 2,
            toolbars:[
                {
                    text: '添加文件',//标题
                    iconCls: 'glyphicon glyphicon-plus',//图标
                    code : 'add_sys_file',//为权限控制所使用到的标记，可以自定义但不能重复，
                    verify : false,// true 表示需要经过权限验证，false表示不需要经过权限验证
                    handler: function () {
                        window.Ewin.dialog({title:"上传文件",url:"file/addPage",gridId:"gridId",width:400,height:500})
                    }
                },
                {
                    text: '修改',
                    iconCls: 'glyphicon glyphicon-pencil',
                    code : 'edit_sys_file',
                    verify : false,// true 表示需要经过权限验证，false表示不需要经过权限验证
                    handler: function () {
                        var rows = $('#file-table').bootstrapTable('getSelections');
                        if(rows.length==0||rows.length>1){
                            window.Ewin.alert({message:'请选择一条需要修改的数据!'});
                            return false;
                        }
                        window.Ewin.dialog({title:"修改",url:"file/updatePage?fileId="+rows[0].fileId,gridId:"gridId",width:400,height:500});
                    }
                },
                {
                    text: '删除',
                    iconCls: 'glyphicon glyphicon-remove',
                    code : 'remove_sys_file',
                    verify : false,// true 表示需要经过权限验证，false表示不需要经过权限验证
                    handler: function () {
                        var rows = $('#file-table').bootstrapTable('getSelections');
                        if(rows.length==0){
                            window.Ewin.alert({message:'请选择一条需要删除的数据!'});
                            return false;
                        }
                        window.Ewin.confirm({title:'提示',message:'是否要删除您所选择的记录？',width:500}).on(function (e) {
                            if (e) {
                                $.post("file/removeBath",{json:JSON.stringify(rows)},function(e){
                                    if(e.result){
                                        window.Ewin.alert({message:e.msg});
                                        doQuery();
                                    }
                                });
                            }
                        });
                    }
                },
                {
                    text: '重新加载',
                    iconCls: 'glyphicon glyphicon-record',
                    verify : false,
                    handler: function () {
                        window.Ewin.confirm({title:'提示',message:'是否要需要重新加载数据字典的数据？',width:500}).on(function (e) {
                            if (e) {
                                $.post("file/reload",function(e){
                                    if(e.result){
                                        window.Ewin.alert({message:e.msg});
                                    }
                                });
                            }
                        });
                    }
                }
            ],
            columns: [
                {
                    checkbox: true
                },
                {
                    field: '',
                    title: '序号',
                    formatter: function (value, row, index) {
                        return index+1;
                    }
                },
                {
                    field : 'changeTime',
                    title : '修改时间',
                    align : 'center',
                    valign : 'middle',
                    visible: false,
                    sortable : true
                },
                {
                    field : 'fileScore',
                    title : '下载积分',
                    align : 'center',
                    valign : 'middle',
                    sortable : true
                },
                {
                    field : 'fileType',
                    title : '文档类型',
                    align : 'center',
                    valign : 'middle',

                    sortable : true
                },
                {
                    field : 'fileState',
                    title : '审核状态',
                    align : 'center',
                    valign : 'middle',
                    sortable : true,
                    formatter: function (value, row, index) {
                        if(value==0){
                            return "未审核"
                        }else{
                            return "已审核"
                        }
                    }

                }]
        });
    }




</script>
</body>
</html>